<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>调试面试页面</title>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <div class="container mt-5">
      <div class="row">
        <div class="col-md-8 offset-md-2">
          <div class="card">
            <div class="card-header">
              <h4>调试面试页面</h4>
            </div>
            <div class="card-body">
              <div th:if="${errorMessage}" class="alert alert-danger">
                <strong>错误信息：</strong>
                <span th:text="${errorMessage}"></span>
              </div>

              <div th:if="${interview}" class="alert alert-success">
                <h5>面试信息：</h5>
                <p>
                  <strong>ID：</strong> <span th:text="${interview.id}"></span>
                </p>
                <p>
                  <strong>职位：</strong>
                  <span th:text="${interview.jobPosition}"></span>
                </p>
                <p>
                  <strong>状态：</strong>
                  <span th:text="${interview.status}"></span>
                </p>
                <p>
                  <strong>当前问题：</strong>
                  <span th:text="${interview.currentQuestionNumber}"></span>
                </p>
                <p>
                  <strong>总问题数：</strong>
                  <span th:text="${interview.totalQuestions}"></span>
                </p>
                <p>
                  <strong>简历概括：</strong>
                  <span th:text="${interview.resumeSummary}"></span>
                </p>
              </div>

              <div class="mt-3">
                <a th:href="@{/interview}" class="btn btn-primary"
                  >返回面试页面</a
                >
                <a
                  th:if="${interview}"
                  th:href="@{/chat-interview/{id}(id=${interview.id})}"
                  class="btn btn-success"
                  >进入聊天面试</a
                >
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
